
.g-menu{
  &-btn{
    position: fixed; top: .15rem; left: .15rem; z-index: 96;
    font-size: .3rem; color: #999;
    cursor: pointer;
    transition: all .3s ease;

    &.is-active{
      color: #c49070;
    }
  }

  position: fixed; top: 0; bottom: 0; left: 0; z-index: 95;
  width: 36%;
  background-color: rgba(0, 0, 0, .8);
  transition: all .3s ease;
  transform: translateX(-100%);
  &.is-active{
    transform: translateX(0);
  }

  &-list{
    position: relative; top: 50%;
    transform: translateY(-50%);
    font-size: 16px;

    a{
      display: block;
      text-align: center;
      color: #eee;
      padding: .15rem 0;
      border-top: 1px solid #efefef;

      &.active{
        color: $color-brown;
      }
      &:first-child{
        border-top: none;
      }
    }
  }
}